<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>聊天信息</title>
        <link rel="stylesheet" href="css/frozen.css">
        <link rel="stylesheet" href="css/style.css">
        <script src="js/zepto.min.js"></script>
        <script src="js/frozen.js"></script>
    </head>
    <body ontouchstart="">
        <header class="ui-header ui-header-positive ui-border-b">
            <i class="ui-icon-return" onclick="history.back()"></i>
            <h1>聊天信息</h1>
        </header>
        <section class="ui-container mb50">
            <ul class="comment-list">
                <a href="">
                <li class="ui-border-b">
                    <div class="comment-list-avatar">
                        <img src="img/order_list_pic.jpg" width="40" height="40" alt="">
                    </div>
                    <div class="comment-list-content">
                        <div class="comment-list-content-text">
                            <div class="clearfix">
                                <div class="comment-list-content-user">
                                    Melanie-ghost
                                </div>
                                <div class="comment-list-content-time">
                                    <p>08:30</p>
                                </div>
                            </div>
                            <p class="color666 fz12">请问青海湖好玩吗请问青</p>
                            <div class="ui-new-msg ui-badge-num">3</div>
                        </div>
                    </div>
                </li>
                </a>
                <a href="">
                <li class="ui-border-b">
                    <div class="comment-list-avatar">
                        <img src="img/order_list_pic.jpg" width="40" height="40" alt="">
                    </div>
                    <div class="comment-list-content">
                        <div class="comment-list-content-text">
                            <div class="clearfix">
                                <div class="comment-list-content-user">
                                    Melanie-ghost
                                </div>
                                <div class="comment-list-content-time">
                                    <p>08:30</p>
                                </div>
                            </div>
                            <p class="color666 fz12">请问青海湖好玩吗请问青</p>
                        </div>
                    </div>
                </li>
                </a>
                <a href="">
                <li class="ui-border-b">
                    <div class="comment-list-avatar">
                        <img src="img/order_list_pic.jpg" width="40" height="40" alt="">
                    </div>
                    <div class="comment-list-content">
                        <div class="comment-list-content-text">
                            <div class="clearfix">
                                <div class="comment-list-content-user">
                                    Melanie-ghost
                                </div>
                                <div class="comment-list-content-time">
                                    <p>08:30</p>
                                </div>
                            </div>
                            <p class="color666 fz12">请问青海湖好玩吗请问青</p>
                        </div>
                    </div>
                </li>
                </a>
                <a href="">
                <li class="ui-border-b">
                    <div class="comment-list-avatar">
                        <img src="img/order_list_pic.jpg" width="40" height="40" alt="">
                    </div>
                    <div class="comment-list-content">
                        <div class="comment-list-content-text">
                            <div class="clearfix">
                                <div class="comment-list-content-user">
                                    Melanie-ghost
                                </div>
                                <div class="comment-list-content-time">
                                    <p>08:30</p>
                                </div>
                            </div>
                            <p class="color666 fz12">请问青海湖好玩吗请问青</p>
                        </div>
                    </div>
                </li>
                </a>
                <a href="">
                <li class="ui-border-b">
                    <div class="comment-list-avatar">
                        <img src="img/order_list_pic.jpg" width="40" height="40" alt="">
                    </div>
                    <div class="comment-list-content">
                        <div class="comment-list-content-text">
                            <div class="clearfix">
                                <div class="comment-list-content-user">
                                    Melanie-ghost
                                </div>
                                <div class="comment-list-content-time">
                                    <p>08:30</p>
                                </div>
                            </div>
                            <p class="color666 fz12">请问青海湖好玩吗请问青</p>
                        </div>
                    </div>
                </li>
                </a>
                <a href="">
                <li class="ui-border-b">
                    <div class="comment-list-avatar">
                        <img src="img/order_list_pic.jpg" width="40" height="40" alt="">
                    </div>
                    <div class="comment-list-content">
                        <div class="comment-list-content-text">
                            <div class="clearfix">
                                <div class="comment-list-content-user">
                                    Melanie-ghost
                                </div>
                                <div class="comment-list-content-time">
                                    <p>08:30</p>
                                </div>
                            </div>
                            <p class="color666 fz12">请问青海湖好玩吗请问青</p>
                        </div>
                    </div>
                </li>
                </a>
                <a href="">
                <li class="ui-border-b">
                    <div class="comment-list-avatar">
                        <img src="img/order_list_pic.jpg" width="40" height="40" alt="">
                    </div>
                    <div class="comment-list-content">
                        <div class="comment-list-content-text">
                            <div class="clearfix">
                                <div class="comment-list-content-user">
                                    Melanie-ghost
                                </div>
                                <div class="comment-list-content-time">
                                    <p>08:30</p>
                                </div>
                            </div>
                            <p class="color666 fz12">请问青海湖好玩吗请问青</p>
                        </div>
                    </div>
                </li>
                </a>
                <a href="">
                <li class="ui-border-b">
                    <div class="comment-list-avatar">
                        <img src="img/order_list_pic.jpg" width="40" height="40" alt="">
                    </div>
                    <div class="comment-list-content">
                        <div class="comment-list-content-text">
                            <div class="clearfix">
                                <div class="comment-list-content-user">
                                    Melanie-ghost
                                </div>
                                <div class="comment-list-content-time">
                                    <p>08:30</p>
                                </div>
                            </div>
                            <p class="color666 fz12">请问青海湖好玩吗请问青</p>
                        </div>
                    </div>
                </li>
                </a>
            </ul>
        </section>
    </body>
</html>
